<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<script src="../assets/flexible/flexible_css.debug.js"></script>
	<script src="../assets/flexible/flexible.debug.js"></script>
	<title>爱美</title>
	<link rel="stylesheet" type="text/css" href="../css/aimeifenlei.css"/>
	<link rel="stylesheet" type="text/css" href="../assets/font-awesome-4.7.0/css/font-awesome.css"/>
	<link rel="stylesheet" type="text/css" href="../assets/swiper/css/swiper.css"/>
	  <!--[if lt IE 9]>
        <script src="js/html5shiv.min.js"></script>
		<script src="js/respond.min.js"></script>
        <![endif]-->
</head>
<body>
	<header class="hdr">
		<div class="back">
			<i class="fa fa-angle-left"></i>
		</div>
		<p class="title">爱美商品</p>
		<div class="menu"></div>
	</header>
    	<mian class="mian">
         <ul>
         	<li class="fenlei-one">基本信息</li>
         	<li>商品详情</li>
         	<li>评论86628</li>
         </ul>
         <div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="../images/a1_06.png"/></div>
        <div class="swiper-slide"><img src="../images/a1_06.png"/></div>
        <div class="swiper-slide"><img src="../images/a1_06.png"/></div>
        <div class="swiper-slide"><img src="../images/a1_06.png"/></div>       
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
    

    </div>
         <div class="content">
         	
         		
         		<p>2017春新款修身显瘦蕾丝半身裙夏高腰包臀裙韩国一步裙大码短裙女</p>
         		<p>￥30.00-35.00</p>	
         		<p>价格:￥168.00-176.00</p>
         		<p><span>快递:0.00</span><span>月销量24718件</span></p>
         	
         </div>
         
    	</mian>



    	<footer class="ftr">
    		
    		<div class="footer_left">
    			<dl>
    			<dt>
    				<img src="../images/爱美-1_75.png"/>
    			</dt>
    			<dd class="footer-color">
    				客服
    			</dd>
    		</dl>
    		<dl>
    			<dt>
    				<img src="../images/爱美-1_77.png"/>
    			</dt>
    			<dd>
    				进店
    			</dd>
    		</dl>   	
    		<dl>
    			<dt>
    				<img src="../images/爱美-1_79.png"/>
    			</dt>
    			<dd>
    				收藏
    			</dd>
    		</dl>
    		</div>
    		<div class="footer_right">
    			<button class="btn1">加入购物车</button>
    			<button class="btn2">立即购买</button>
    		</div>
    	</footer>
	
	
	
	<script src="../assets/swiper/js/swiper.js" type="text/javascript">
</script>
	<script src="../assets/jquery-3.2.1.min.js"></script>
	<script>        
  var mySwiper = new Swiper ('.swiper-container', {
    direction: 'horizontal',
    loop: true,
    
    // 如果需要分页器
    pagination: '.swiper-pagination',
    
//  // 如果需要前进后退按钮
//  nextButton: '.swiper-button-next',
//  prevButton: '.swiper-button-prev',
//  
//  // 如果需要滚动条
//  scrollbar: '.swiper-scrollbar',
  })        
  </script>
	
</body>
</html>

